<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <title>yanfan-smart-oauth-confirm</title>
    <link href="/oauth/css/bootstrap.min.css" rel="stylesheet">
</head>
<body style="background-color:#36424a;margin:0;">
<div>
    <div style="height: 64px;background-color: #fff;text-align: center;line-height: 64px;font-size: 24px;margin-bottom:150px;font-weight:600">
        <span>yanfan-smart oauth 授权 </span>
    </div>
</div>

<div style="width: 360px;text-align: center;margin: 0 auto;border: 2px solid #fff;padding: 30px;border-radius: 10px">
    <form method="post" name="accessConfirm" th:action="@{/oauth/authorize}">
        <p style="font-size:16px;color:#fff;">选择用户授权</p>
        <div class="input-group" style="margin-bottom:20px;" th:each="scope:${scopes}">
            <input class="form-control" disabled th:value="${scope.key}" type="text">
            <span class="input-group-addon">
                                <label class="form-checkbox form-icon active">
                                    <input th:name="${scope.key}" type="checkbox">
                                </label>
                        </span>
        </div>
        <div class="form-group" style="text-align:left;">
            <label class="control-label" style="color:#fff;width:266px;">同意勾选的授权:</label>
            <label class="form-checkbox form-icon active">
                <input th:checked="false" th:name="user_oauth_approval" type="checkbox">
            </label>
        </div>
        <button class="btn btn-success" style="width:100%" type="submit">确 认</button>
    </form>
</div>
</body>
</html>
